<template>
  <div class="app">
   子组件获取到属性： {{ name }}
   子组件获取到标题： {{ title }}
   子组件获取到数量： {{ num }}
   子组件获取到数量： {{ num2 }}

   <button @click="updateParent">子组件修改父组件属性</button>
  </div>
</template>

<script>
export default {
  components
  props: {
    name: String,
    title: String,
    num: Number,
    num2: {
      type: Number,
      required: true,
      default: 10,
      validator (value){
        console.log(value);
        // 对value 做各种校验，返回 true/false
        return value > 0 && value <= 100
        // return true
      }
    }
  },
  methods: {
    updateParent() {
      console.log(123);
      this.$emit('updateValue', '李四')
    }
  }
}
</script>

<style>

</style>